文章目录
  1. 1. 1.用CSS选择器做DOM搜索
  2. 2. 2. 跳过第三方调试
  3. 3. 3. 资源页(source)的快捷键
  4. 4. 4.资源映射

1.用CSS选择器做DOM搜索

在elements页使用css选择器 支持emmet
来源

2. 跳过第三方调试

右击第三方库的文件名,在弹出菜单中选中 “Blackbox Script” ,就可以把脚本放入黑匣子中了.
来源

3. 资源页(source)的快捷键

在资源页可直接拖动到编辑器,编辑器要处于编辑状态
使用快捷键 ctrl-p,可以根据文件名快速打开文件

使用快捷键 ctrl-g,可以快速定位到打开文件的某一行
使用快捷键 ctrl-shift-p,可以在打开的文件中根据函数名快速定位函数

使用快捷键 ctrl-shift-f 可以搜索全部文件
选择单词 ctrl-d 增加选择可以一次编辑多个
来源

4.资源映射

设置后修改样式和js文件会保存到本地(不包含html页面)
右击 “Sources” 选项卡,然后选择 “添加文件夹到工作区” ,最后选择你存放项目的本地文件夹。之后,右击你网站上的一些文件的本地副本,并选择 “映射到网络资源…” ,然后选择相应的 “网络” 文件即可
来源

文章目录
  1. 1. 1.用CSS选择器做DOM搜索
  2. 2. 2. 跳过第三方调试
  3. 3. 3. 资源页(source)的快捷键
  4. 4. 4.资源映射